<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习CSS</title>
		<style>
		/* 引入样式表 css2语法 */
		@import url(css/学习css.css);
			/* 内部样式表：效果  
			所有的p元素添加背景颜色：黄色
			 选择器：抓取页面元素；统一添加
			 */
			p{
				background-color: yellow;
			}
		</style>
		<!--外部样式表 href="相对路径+xxx.css"将css-->
		<link rel="stylesheet" href="css/学习css.css" />
	</head>
	<body>
		<!--文本元素：span文本元素-->
		<span>今天</span>是周四，<span>明天</span>是周五，<span>后天</span>放假
		<!--一、什么是CSS？
		Cascading Style Sheets 层叠样式表，级联样式表，简称 样式表
		【主要做元素效果
		html5   元素  属性与属性值--效果
		css       控制任何元素 简洁 ，推荐使用css代替html元素中属性与属性值
		】
		功能：实现内容与表现分离【html结构  css样式层】
		二、 使用CSS3样式表【效果、布局】
		①内联[级联]样式表：写法与属性与属性值基本一致[不用]
		②内部样式表:在head元素中添加style元素，CSS3[练习专用]
		③外部样式表：在head元素中link外联[项目专用]
		④引入样式表[CSS2]：在head元素中添加@import()[不用]
		三.CSS3基础语法
		选择器{
			属性：属性值;
		}
		  重点：学习选择器使用--抓页面元素
		        CSS属性与属性值：边框、盒模型、浮动、文本元素样式 动画..
		-->
		<p align="center">lorem</p>
		<p align="center">lorem</p>
		<!--①内联样式表语法：style="属性：属性值；属性：属性值；"-->
		<p style="text-align: center;color: red;">lorem</p>
		<p align="center">lorem</p>
		<p align="center">lorem</p>
	</body>
</html>